@import "mixin";

//底部按钮
.sure-button {
  flex: 1;
  @include sure-button-style($uni-font-blue-color)
}
.reset-button {
  flex: 1;
  width: 200rpx;
  @include reset-button-style($uni-font-blue-color);
  margin: 24rpx 16rpx 24rpx 0;
}

.return-button {
  width: 200rpx;
  @include sure-button-style($uni-font-red-color);
  margin: 24rpx 16rpx 24rpx 0;
}
.white-sure-button {
  flex: 1;
  @include sure-button-style($uni-bg-color-white,$uni-font-color,#F3F3F3);
  margin: 24rpx 16rpx 24rpx 0;
}
.yellow-sure-button {
  width: 200rpx;
  @include sure-button-style($uni-border-yellow-color);
  margin: 24rpx 16rpx 24rpx 0;
}

//订单左边小按钮
.yellow-small-button {
  @include small-button($uni-font-yellow-color);
}
.red-small-button {
  @include small-button($uni-font-red-color);
}
.blue-small-button {
  @include small-button($uni-font-blue-color);
}



//订单操作按钮
.grey-button{
  @include button(none,$uni-border-grey-color,$uni-font-color)
}
.red-button{
  @include button(none,$uni-border-red-color,$uni-font-red-color)
}
.green-button{
  @include button(none,$uni-border-green-color,$uni-font-green-color)
}
.blue-button{
  @include button(none,$uni-font-blue-color,$uni-font-blue-color)
}
.ashy-button{
  @include button(none,$uni-border-ashy-color,$uni-font-ashy-color)
}
.blue-button{
  @include button(none,$uni-border-blue-color,$uni-font-blue-color)
}


//蓝色圆角按钮
.final-button {
  @include radius-Button(#3775F6,#fff)
}
//红色删除按钮
.clear-button {
  @include radius-Button(rgba(255, 27, 27, .2),#FF1B1B)
}

//蓝色圆角
.blue-radius-button {
  @include basic-button(none,#3775F6,#3775F6,200rpx,68rpx);
}

//button
.uv-button--primary {
  background-color: var(--uni-button-blue) !important;
  border-color: var(--uni-button-blue) !important;
}
button::after {
  border: 0!important;
}
uni-button[disabled][type='default'], uni-button[disabled]:not([type]) {
  opacity: .5;
}

/* #ifdef MP-WEIXIN */
button[disabled]:not([type]) {
  opacity: .5;
}
/* #endif */
uni-button {
  margin: 0;
}
button {
  margin: 0;
}